<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>盛世机电</title>
    <link href="/common/css/common-ui-cool.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/css/dataStatement/dataStatement.css" />
    <script>
        if(localStorage.getItem("token")==null){
            window.history.replaceState(null, "", '/login.html');
            location.reload()
        }
    </script>
</head>

<body>
    <span id="pageId" pageId="3" style="display: none;"></span>
    <div class="page-container">
        <div class="header-container">
            <img class="logo-img" src="/images/logo.png">
            <ul class="top-menu">
            </ul>
            <div class="headerTime">
                <span class="dateText"></span>
                <span class="timeText"></span>
            </div>
            <div class="userInfo">
                <i class="aidicon aidicon-account-circle"></i>
                <span class="name"></span>
                <span class="logout">退出</span>
            </div>
        </div>
        <div class="main-container">
            <ul class="side-menu"></ul>
            <div class="table-container">
                <ul class="tab-nav">
                    <li class="active" type="1">实时数据</li>
                    <li type="2">实时曲线</li>
                    <li type="3">历史曲线</li>
                </ul>
                <div class="tab-wrapper">
                    <div class="select-wrap">
                        <div class="form-group">
                            <span class="label-text">时间段选择：</span>
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="beginTime" class="form-control inline-block" placeholder="请选择"
                                    autocomplete="off" />
                                <i class="aidicon aidicon-calendar layout-icon-1"></i>
                            </div>
                            &ensp;-&ensp;
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="endTime" class="form-control inline-block" placeholder="请选择"
                                    autocomplete="off" />
                                <i class="aidicon aidicon-calendar layout-icon-2"></i>
                            </div>
                        </div>
                        <div class="form-group">
                            <span class="label-text">关键词搜索：</span>
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="keyWord" class="form-control inline-block" placeholder="请输入"
                                    autocomplete="off" />
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="button" class="btn btn-default" id="searchBtn1">搜索</button>
                        </div>
                        <div class="form-group pull-right">
                            <button type="button" class="btn btn-default" id="export">导出报表</button>
                        </div>
                    </div>
                    <div class="table-wrap">
                        <table id="standard_table" class="display datatable-xLarge" cellspacing="0" width="100%"
                            style="table-layout: fixed;">
                        </table>
                    </div>
                </div>
                <div class="tab-wrapper hidden">
                    <div class="chart-content">
                        <div id="chart1"></div>
                        <div id="tree1">
                            <div class="title-text">选择变量 <a class="pull-right" id="add1">+添加</a></div>
                            <div style="position:relative;height: calc(100% - 50px);">
                                <input type="text" id="key" value="" placeholder="请输入内容" class="empty form-control"
                                    style="width:100%;margin-bottom:10px" />
                                <ul id="treeDemo_1" class="ztree" style="width:100%;border:none"></ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-wrapper hidden">
                    <div class="select-wrap">
                        <!-- <div class="checkbox">
                            <label class="checkbox-beauty">
                                <input type="checkbox">
                                <span class="text-label">时间段1：</span>
                            </label>
                        </div> -->
                        <div class="form-group">
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="beginTime2" class="form-control inline-block" placeholder="请选择"
                                    autocomplete="off" />
                                <i class="aidicon aidicon-calendar layout-icon-3"></i>
                            </div>
                            &ensp;-&ensp;
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="endTime2" class="form-control inline-block" placeholder="请选择"
                                    autocomplete="off" />
                                <i class="aidicon aidicon-calendar layout-icon-4"></i>
                            </div>
                        </div>
                        <div class="form-group">
                            <select class="select1" style="width: 120px;">
                                <option value="0">单位:时</option>
                                <option value="1">单位:天</option>
                                <option value="2">单位:月</option>
                                <option value="3">单位:年</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <button type="button" class="btn btn-default" id="searchBtn2">加载</button>
                        </div>
                    </div>
                    <!-- <div class="select-wrap">
                        <div class="checkbox">
                            <label class="checkbox-beauty">
                                <input type="checkbox">
                                <span class="text-label">时间段2：</span>
                            </label>
                        </div>
                        <div class="form-group">
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="beginTime3" class="form-control inline-block" placeholder="请选择"
                                    disabled autocomplete="off" />
                                <i class="aidicon aidicon-calendar layout-icon-5"></i>
                            </div>
                            &ensp;-&ensp;
                            <div class="layout-date" style="width: 200px;display: inline-block;">
                                <input type="text" id="endTime3" class="form-control inline-block" placeholder="请选择"
                                    disabled autocomplete="off" />
                                <i class="aidicon aidicon-calendar layout-icon-6"></i>
                            </div>
                        </div>
                    </div> -->
                    <div class="chart-content">
                        <div id="chart2"></div>
                        <div id="tree2">
                            <div class="title-text">选择变量 <a class="pull-right" id="add2">+添加</a></div>
                            <div style="position:relative;height: calc(100% - 50px);">
                                <input type="text" id="key2" value="" placeholder="请输入内容" class="empty form-control"
                                    style="width:100%;margin-bottom:10px" />
                                <ul id="treeDemo_2" class="ztree" style="width:100%;border:none"></ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script id="dataFormTpl" type="text/html">
        <div class="form-horizon">
            <form class="form-validate-dom">
                <div class="form-group clearfix">
                    <label class="form-label" for="name">设备组名称：</label>
                    <div class="form-group">
                        <input type="text" class="form-control" id="name" name="name" placeholder="请输入" autocomplete="off">
                    </div>
                </div>
                <div class="form-group clearfix">
                    <label class="form-label" for="equipment">选择设备：</label>
                    <select class="form-control" name="equipment" id="equipment"></select>
                </div>
            </form> 
        </div>
    </script>
    <script src="/common/js/lib/require/require.min.js"></script>
    <script>
        require(["/js/require.config.js"], function () {
            require(["/js/common/nav.js"],function(){
                require(["/js/dataStatement/dataStatement.js"], function (app) {
                    app.init();
                });
            });
        });
    </script>
</body>

</html>